// practicePages/components/view-container/scroll-view/scroll-view.js
Page({
  data:{
    scrollTop:200,
    scrollLeft:0,
    intoView:"yellow",
    intoViewX:"blue-x"
  },
  onLoad:function(options){
    // 页面初始化 options为页面跳转所带来的参数
  },
  onReady:function(){
    // 页面渲染完成
  },
  onShow:function(){
    // 页面显示
  },
  onHide:function(){
    // 页面隐藏
  },
  onUnload:function(){
    // 页面关闭
  },

  // 返回顶部
  scrollTop:function(){
    console.log("返回顶部");
    this.setData({
      scrollTop:0
    });

  },
  // 返回最左侧
  scrollLeft:function(){
    console.log("返回最左侧");
    this.setData({
      scrollLeft:0
    });

  },
  // 纵向-滚动到指定id
  // scroll-into-view 属性值为某子元素id，则滚动到该元素，元素顶部对齐滚动区域顶部（故横向无效？）
  scrollIntoView:function(){
    this.setData({
      intoView:"blue"
    });
  },
  // 横向-滚动到指定id  无效！
  scrollIntoViewX:function(){
    this.setData({
      intoViewX:"red-x"
    });
  }
})